<!DOCTYPE html>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/bootstrap.css" />
		<link rel="stylesheet" href="../css/jquery-ui-1.10.0.custom.css" />
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/jquery-ui-1.9.2.custom.min.js"></script>
		<script type="text/javascript" src="../js/bootstrap.min.js"></script>
		<script>
			$(function() {
				
				$("button").on("click", function(){
					var f = $("#file").val();
					console.info(f);
					console.info($("#file")[0].files[0].size )
					
					console.info(JSON.stringify($("#file")[0].files[0]))
				});
			});
			
			function randonClass(index){
				if(index){
					index = index % 6;
				}else {
					index = parseInt(5*Math.random());
				}
				var arr = ['default','primary', 'success','info','warning', 'danger'];
				return arr[index];
			}
		</script>
	</head>

	<body>
		<!--<div class="modal" id="load-dialog" aria-hidden="true">
			<div class="modal-dialog text-center">
				<img src="${ctx}/images/load1.jpg" alt="正在加载..." class="img-responsive" />
			</div>
		</div>-->
		
		<button>some</button>

		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<form class="form-horizontal validate" role="form" method="post">
						<div class="form-group">
							<label for="title" class="col-md-1 control-label">标题</label>
							<div class="col-sm-10">
								<input type="text" class="form-control" id="name" name="title"
									value="" data-rule-required="true"
									placeholder="请输入标题">
							</div>
							<div class="col-sm-1 help-inline form-control-static"></div>
						</div>
						
						
							<div class="form-group">
							<label for="title" class="col-md-1 control-label">标题</label>
							<div class="col-sm-10">
								<input type="file" class="form-control" id="file" name="file"
									value="" data-rule-required="true"
									placeholder="请输入标题">
							</div>
							<div class="col-sm-1 help-inline form-control-static"></div>
						</div>
						
						
						<div class="form-group">
							<label for="title" class="col-md-1 control-label">标题</label>
							<div class="col-md-10">
								<div class="checkbox inline form-control">
									<label ><input type="checkbox"  name="test"/><span class="label label-randonClass()">spring</span></label>&nbsp;
									<label ><input type="checkbox"  name="test" /><span class="label label-randonClass()">spring</span></label>
								</div>
							</div>
							<div class="col-sm-1 help-inline form-control-static"></div>
						</div>	
					</form>
					<a href="res/DOTA之最强血脉.txt" download="">DOTA之最强血脉</a>
					
				</div>
			</div>
		</div>
	</body>

</html>